<template>
    <div class="home">
        <img src="../../assets/0.jpg" alt="" width="450">
    </div>
</template>

<script setup>
import { onMounted, onUnmounted } from 'vue';
import { useRouter } from 'vue-router';
console.log("dddddd----")
console.log(useRouter())
const router = useRouter()

onMounted(() => {
    console.log("Home 组件挂载了")
    /*
    setTimeout(() => {
        router.push('/page32/routerNew')
    }, 2000)
    */
})
onUnmounted(() => {
    console.log("Home 组件卸载了")
})
</script>

<style lang="scss" scoped>
.home {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    filter: grayscale(0%);
    //  filter: sepia(0%);
}
</style>